@charset "utf-8";
/*********************
* 虚拟展厅
* Author: Feil.Wang
* Date: 2013.04 
*********************/

html,body{ height:100%; width:100%; }
.bg{ background-color:#3a3f45; display:table; min-height:630px; *overflow:hidden;  *position:relative; _height:expression((document.documentElement.clientHeight||document.clientHeight)<630?"630":"");}
.wrap{ display:table-cell; vertical-align:middle;   *position:absolute;  *top:50%; }
.container{ position:relative; width:1000px; height:610px; margin:0 auto; background-color:#fff; border:1px solid #a0a0a0; border-radius:5px; box-shadow:0 0 15px #000;  *position:relative;  *top:-50%;}
.main{ height:570px; background:url(../images/mainbg.jpg); border-top-left-radius:3px; border-top-right-radius:3px; position:relative;}


.shortcut-l,.shortcut-r{ height:50px;font-weight:bold;  position:absolute; }
.shortcut-l span,.shortcut-l a,.shortcut-r span,.shortcut-r a{ background:url(../images/shortcut-bg.png);}
.shortcut-l span{ float:left;  height:38px; padding:12px 18px 0; font-size:16px; background-position:left top;}
.shortcut-l a{float:left; height:36px; padding:14px 14px 0 7px; background-position:right top; color:#fff; font-size:14px; text-shadow:1px 1px 0 #333;}

.shortcut-r span{ float:left; height:38px; padding:12px 18px 0; font-size:16px; background-position:right -50px;}
.shortcut-r a{float:left; height:36px; padding:14px 7px 0 14px; background-position:left -50px; color:#fff; font-size:14px; text-shadow:1px 1px 0 #333;}
.shortcut-l a:hover,.shortcut-r a:hover{ color:#e2e2e2;}
.item-1{ right:730px; top:40px;}
.item-2{ right:760px; top:150px;}
.item-3{ right:730px; top:260px;}
.item-4{ left:750px; top:90px;}
.item-5{ left:720px; top:200px;}

.player{ width:372px; height:281px; position:absolute; top:12px; left:305px; background-color:#2f445f;}

/*scroll images*/
.picBoxWrap{ position:absolute; left:147px; bottom:10px;}
#picBox{position:relative;width:706px;height:184px;}
#picBox ul{position:relative;width:706px;height:184px;}
#picBox li{position:absolute;border:2px solid #000;list-style:none;background:#000;width:0;height:0;top:146px;left:377px;z-index:0;cursor:pointer;overflow:hidden;border-radius:3px;}
#picBox li a.l{ display:block;}
#picBox li img{width:100%;height:100%;vertical-align:top; border:0;}
#picBox li div{position:absolute;background:#000;filter:alpha(opacity=70);opacity:0.7;}
#picBox li div h4{margin:0 10px;font:12px/24px arial;border-bottom:1px #333 solid;}
#picBox li div h4 span{color:red;margin-left:10px;}
#picBox li div p{margin:5px 10px 0;text-indent:2em;}
#picBox .prev, #picBox .next{position:absolute;top:50%;width:50px;height:50px;margin-top:-25px;overflow:hidden;text-indent:-999px;cursor:pointer; z-index:100;}
#picBox .prev{left:-90px; background:url(../images/arrow-left.png);_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../static/hall/default/images/arrow-left.png', sizingMethod='crop');}
#picBox .next{right:-90px;background:url(../images/arrow-right.png);_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../static/hall/default/images/arrow-right.png', sizingMethod='crop');}

/*展位中心*/
.booth-center{ background:url(../images/listbg.jpg);}
.booth-player{ width:263px; height:171px; position:absolute; top:40px; left:321px; background-color:#2f445f;}
.booth-list-wrap{ width:1000px; height:300px; position:absolute; left:0; bottom:10px;}
.booth-list-wrap .slides_container{width:1000px; height:300px; overflow:hidden;}
.booth-list{}
.booth-list li{ width:220px; height:150px; float:left; _display:inline;}
.booth-list li a{ display:block; width:220px; height:150px;}
.booth-list li .b-logo{ display:block; width:80px; height:30px; cursor:pointer; position:relative;}
.booth-list li .b-logo img{ width:80px; height:30px; vertical-align:bottom; }
.booth-list li.booth-1 .b-logo{ margin:11px 0 0 71px;}
.booth-list li.booth-2 .b-logo{ margin:8px 0 0 72px;}
.booth-list li.booth-3 .b-logo{ margin:10px 0 0 70px;}
.booth-list li.booth-4 .b-logo{ margin:12px 0 0 72px;}
.booth-list ul{ height:150px;}
.booth-1{ background:url(../images/booth-bg-1.png);_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../static/hall/default/images/booth-bg-1.png', sizingMethod='crop');}
.booth-2{ background:url(../images/booth-bg-2.png);_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../static/hall/default/images/booth-bg-2.png', sizingMethod='crop');}
.booth-3{ background:url(../images/booth-bg-3.png);_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../static/hall/default/images/booth-bg-3.png', sizingMethod='crop');}
.booth-4{ background:url(../images/booth-bg-4.png);_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../static/hall/default/images/booth-bg-4.png', sizingMethod='crop');}
.booth-list-a li{ margin-left:85px;}
.booth-list-b li{ margin-left:25px;}
.booth-list-wrap .prev,.booth-list-wrap .next{width:50px;height:50px; position:absolute; top:-80px; text-indent:-999px; overflow:hidden; cursor:pointer;}
.booth-list-wrap .prev{ left:50px; background:url(../images/arrow-left.png);_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../static/hall/default/images/arrow-left.png', sizingMethod='crop');}
.booth-list-wrap .next{ right:50px; background:url(../images/arrow-right.png);_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../static/hall/default/images/arrow-right.png', sizingMethod='crop');}

.hall-list-btn{ display:block; width:145px; height:55px; text-indent:-999px; overflow:hidden; position:absolute; top:90px; right:160px; cursor:pointer; background:url(../images/list-btn.png);_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../static/hall/default/images/list-btn.png', sizingMethod='crop');}

/*会议中心*/
.meeting-center{background:url(../images/meetingbg.jpg);}
.meeting-center .dialog-wrap-a{ position:absolute; left:50%; top:50%; margin-left:-440px; margin-top:-255px;}
.meeting-container{ width:850px; height:480px;}
.meeting-container .dialog-cover{width:880px; height:510px;}
.meeting-container .dialog-cover .d-m-m{ height:480px;}
.meeting{height:311px; position:relative;  overflow:auto;}

/*交流中心*/
.chat-center{background:url(../images/chatbg.jpg);}
.chatWrap{ width:750px; position:absolute; left:120px; top:60px; border:4px solid #000; background-color:#d7d7d7;border-radius:8px;}
.chatWrap h3{ height:32px; line-height:32px; padding-left:15px; font-size:16px;}
.chat-container{ margin:0 5px 5px; padding:10px; background-color:#fff; border-radius:4px;}
.chatWinCnt{ height:300px; overflow:auto; margin-bottom:10px;position:relative;}
.chatWinCnt dl{ line-height:24px;}
.chatWinCnt dt{ float:left; font-size:13px; font-weight:bold; position:relative;}
.chatWinCnt dd{ font-size:12px;word-break:break-all;}
.chatWinCnt dl.user-style { color:#3366cc;}
.chatWinCnt dl.myself-style { color:#006d24;}
.chatWinCnt dl.service-style { color:#f00000;}
.chatWinCnt dl.user-style { color:#3366cc;}
.chatWinCnt dd span.time{ font-size:10px; color:#8e8e8e;}
.chatInputArea{ position:relative; height:67px;}
.chat-textarea{ padding-right:105px;}
.c-textarea{ border:none; height:55px; font-size:12px;color: #5A5A5A; line-height:18px; background-color:#f5f5f5; resize:none; overflow:auto; padding:5px; width:97%; border:1px solid #ccc;border-radius:4px;}
.chooseUser{ width:94px; position:absolute; top:0; right:0; border:1px solid #ccc;border-radius:4px;}
.send-btn{ background:url(../images/send2.png); width:100px; height:40px; line-height:40px; border:none; cursor:pointer; position:absolute; right:-3px; bottom:0;  font-size:16px;}
.u-name{ cursor:pointer;}
.u-name:hover{ text-decoration:underline;}
.u-tips{ display:none; position:absolute; left:0; top:24px; width:85px; height:30px; line-height:34px; background:url(../images/u-tips.png); text-indent:28px; font-weight:normal; font-size:12px; z-index:10;}


.close-b{ float:right; outline:none; width:24px; height:24px; line-height:24px; font-size:20px; text-align:center;  margin:1px 12px 0 0;}
.close-b:hover{color:#C00}








